<ol class="commentlist">
[#list data_list as it]
[@compress single_line=false]
   <li class="comment depth-1" id="li-comment-${it.id}">
		<div class="photo">
			[#if it.photo??]
			<img src='${ui.base}/resources/themes/evernote/photo/${it.photo}.gif'/>
			[#else]
			<img src='http://www.gravatar.com/avatar/${it.hex}?s=60'/>
			[/#if]
		</div>
		<div class="commentbody">
			<h4>[#if it.link??]<a href="${it.link}" target="_blank">${it.commentator}</a>[#else]${it.commentator}[/#if]</h4>
			<small> | at <span>${it.createTime}</span> | ip <span>${it.shortIp}</span></small>
			<div class="msg">
[/@compress]
			${it.comment}
[@compress single_line=false]
			</div>
			<div class="op">
				<small>
				[#if commentStatus]
				 <a href="javascript:;" title="Good " class="ico good"><span>[<b>${it.good}</b>]</span></a> | <a href="javascript:;" title="Bad" class="ico bad"><span>[<b>${it.bad}</b>]</span></a>
				 | <a href="#editor" title="Reply this comment" class="ico reply">reply</a> | <a href="#editor" title="Quote this comment" class="ico quote">quote</a> | <a href="javascript:;" title="Report" class="ico report">report</a>
				[#else]
				 <span title="Good " class="ico good"><span>[<b>${it.good}</b>]</span></span> | <span title="Bad" class="ico bad"><span>[<b>${it.bad}</b>]</span></span>
				[/#if]</small>
			</div>
		</div>
		<div class="clr">&nbsp;</div>     	
	</li>
[/@compress]
[/#list]
</ol>
<div class="navigation bottom"><div class="alignleft"></div><div class="alignright"></div></div>